<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/default.css" rel="stylesheet" type="text/css" />

</head>
<body>
	<div class="form-row"></div>
		<span class="label">Register Timing For</span>
			<select name="personel" class="longer-space">
    		<option value="self" selected> Myself </option>
    		<option value="testing1">Peter Lim Ah Beng</option>
    		<option value="testing2">John Tan Ah Gou</option>
    		<option value="testin3">Crystal Lee</option>
    	</select>
	<div class="form-row">
		<span class="label">Register Start Time</span>
		<input type="radio" checked name="typeOfEntry" value="start"></input>
	</div>
	<div class="form-row">
		<span class="label">Register Leave Time</span>
		<input type="radio" name="typeOfEntry" value="leave"></input>
	</div>
	<div class="form-row">
		<span class="label">Time (HHMM in 24-hours format)</span>
		<input type="text" name="time"></input>
	</div>
	<div class="form-row">
    	<input class="submit" type="button" value="Submit" onClick="javascript:submitForm('createSpecialReasonTime')"/>
    </div>

</body>
</html>

